*{
  margin:0;
  padding:0
}
.todo {
  width: 400px;
  margin: 20px auto;
}
.title{
  text-align: center;
  padding:10px 0;
  background:#aaaaaa;
}
.todo-con{
  display: flex;
  justify-content: center;
  align-items: center;
  padding:30px 10px;
  background:#eeeeee;
}
input {
  width: 300px;
  height: 32px;
}
button {
  height: 32px;
  width: 80px;
  margin-left:20px;
  background:#ffffff;
  color:red;
}
ul, li{
  list-style: none;
}
.item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom:10px;
}
.list{
  padding:10px;
  border-radius: 10px;
  border:1px solid #dddddd;
}
